﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        svg[data-icon=file]{
            display:none
        }
        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }

            .iTitle::before {
                content: "";
                display: inline-block;
                width: 4px;
                margin-right: 10px;
                height: 20px;
                background: #0064e5;
            }
    </style>
}
<div id="vapp" class="font-['SourceHanSansSC']">
    <a-config-provider :locale="zhCN">
        <header class="px-5 box-border">
            <div class="flex items-center">
                <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[20px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full " src="~/Assets/nimgs/exit.png" alt="" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">模板设置</span> </span>  </div>
            </div>

            <a-card :bordered="true" class="w-full  mt-12">
                <template #title>
                    <div class="w-full flex justify-between items-center">
                        <div class="flex items-center"> <div>履职考核考评表</div> </div>


                    </div>



                </template>

                <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                    <div class="iTitle">履职考核考评表——通用部分（100分，所有部门适用）</div>
                </div>
                <div style="width: 772px;">
                    <a-form :model="formState"
                            name="basic"
 
                            :label-col="{ span: 10 }"
                            :wrapper-col="{ span: 14 }"
                            layout="inline"
                            autocomplete="off">
                        <a-form-item label="报表标题"
                                     name="title"
                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />
                        </a-form-item>
                        <a-tree v-if="JSON.stringify(templateSettingParams.treeData)" v-bind:autoExpandParent="true" v-bind:defaultExpandAll="true" style="width:100%;" :showIcon="false" :show-line="true"
                                :default-expanded-keys="['0-0-0']"
                                :tree-data="templateSettingParams.treeData"
                               >

                            <template #title="{ title, key,isLeaf }">
                                <template v-if="isLeaf">

                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="考核内容"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <div></div>
                                    </div>


                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="备查/佐证资料"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <a-button v-on:click="templateSettingParams.tip" type="primary" class="ml-15">资料上传</a-button>
                                    </div>

                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="考核方式"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <div></div>
                                    </div>

                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="自扣分"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <div></div>
                                    </div>

                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="自评情况/资料说明"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <a-button  v-on:click="templateSettingParams.tip" type="primary" class="ml-15">资料上传</a-button>
                                    </div>



                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="考评扣分"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px] mr-10" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <div></div>
                                    </div>


                                    <div class="w-[580px] flex pt-2 justify-between box-border ">
                                        <a-form-item label="复核情况"
                                                     name="title"
                                                     :rules="[{ required: true, message: 'Please input your username!' }]">
                                            <a-input class="w-[300px] mr-10" v-model:value="templateSettingParams.username" />

                                        </a-form-item>
                                        <div></div>
                                    </div>

                                </template>
                                <template v-else>
                                    <template v-if="title=='f2'">
                                        <div class="w-[580px] flex pt-2 justify-between box-border ">
                                            <a-form-item label="二级标题"
                                                         name="title"
                                                         :rules="[{ required: true, message: 'Please input your username!' }]">
                                                <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                            </a-form-item>
                                            <a-button  v-if="key.split('-')[1]==0" v-on:click="templateSettingParams.addSecondTitle(key)" type="primary" class="ml-15">新增</a-button>
                                            <a-button v-else  v-on:click="templateSettingParams.delSecondTitle(key)" type="primary" danger class="ml-15">删除</a-button>

                                        </div>
                                    </template>
                                    <template v-else>
                                        <div class="w-[580px] flex pt-2 justify-between box-border ">
                                            <a-form-item label="一级标题"
                                                         name="title"
                                                         :rules="[{ required: true, message: 'Please input your username!' }]">
                                                <a-input class="w-[300px]" v-model:value="templateSettingParams.username" />

                                            </a-form-item>
                                            <a-button v-if="key=='0'" v-on:click="templateSettingParams.addFirstTitle(key)" type="primary" class="ml-15">新增</a-button>
                                            <a-button v-else v-on:click="templateSettingParams.delFirstTitle(key)" type="primary" danger class="ml-15">删除</a-button>
                                        </div>
                                    </template>
                                </template>


                            </template>

                        </a-tree>
                    </a-form>
                </div>
            </a-card>

            <a-tabs style="height:100%;width:100%;padding:0 30px;box-sizing:border-box" v-model:activeKey="resultParams.cIndex" class="w-full mt-10 h-[48px] text-[13px] rounded-lg  bg-white">
                <a-tab-pane v-for="(e,i) in resultParams.tabList" :key="i" :tab="e">
                    <div class="w-full h-min-[108px] bg-white py-8">
                        <div class="mb-5 font-bold">筛选条件</div>
                        <div class="flex w-full ">

                            <div class="flex items-center mr-10">
                                <label class="mx-4">月份:</label>
                                <a-select ref="select"
                                          v-model:value="resultParams.queryParams.year"
                                          style="width:253px">
                                    <a-select-option v-for="e in resultParams.yearList" :value="e.code">{{e.code}}</a-select-option>

                                </a-select>

                            </div>

                            <div class="flex  items-center mr-10">
                                <label class="mx-4 w-[90px]">考核标题:</label>
                                <a-input v-model:value="resultParams.text" />
                            </div>
                            <div class="flex  items-center mr-10">


                                <a-button type="primary">查询</a-button>
                            </div>
                        </div>
                        <div class="flex w-full">
                            <a-card :bordered="true" class="w-full  mt-12">
                                <template #title>
                                    <div class="w-full flex justify-between items-center">
                                        <div class="flex items-center"> <div>月度考核情况排名</div> </div>


                                    </div>



                                </template>


                                <a-table :data-source="resultParams.dataSource" :columns="resultParams.columns">

                                </a-table>

                            </a-card>

                        </div>

                    </div>
                </a-tab-pane>
            </a-tabs>
        </header>
    </a-config-provider>

</div>
@section Js{
    <script src="https://unpkg.com/dayjs/dayjs.min.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/customParseFormat.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/weekday.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/localeData.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/weekOfYear.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/weekYear.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/advancedFormat.js"></script>
    <script src="https://unpkg.com/dayjs/plugin/quarterOfYear.js"></script>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script src="~/bussiness/js/base/vue3.js"></script>
    <script src="~/bussiness/js/base/antd_Zh_CN.js"></script>
    <script src="~/bussiness/js/base/antd.js"></script>

    <script src="~/bussiness/js/pg/vapp.js"></script>
}
